<template>
  <div class="container">
    <Carousel :autoplay="false">
      <CarouselItem :key="index" v-for="(item, index) in 6">{{item}}</CarouselItem>
    </Carousel>
  </div>
</template>

<script>
	import Carousel from "../../../src/components/Carousel/Carousel"
	import CarouselItem from "../../../src/components/Carousel/CarouselItem"

	export default {
		name: "carousel-demo-1",
		components: {Carousel, CarouselItem}
	}
</script>

<style scoped>
  .container {
    padding: 10px 16px;
    max-width: 800px;
    margin: 30px auto;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  }
</style>
